layout: post
内容
こちらの各タスクにコメントをつけられる様にしました。
苦労した所
各タスクとコメントを紐づけるのに苦労しました。
なかなか上手くいかず、どのタスクのコメントボタンからも同じ所を参照する状態に、、、
以下のようにソースコードを書いて対処しました。
ソースコード
jsx側
<button id={todo.id} className="task-delete-button-style" onClick={onClickOpenComment}>コメント</button>
App.js
const onClickOpenComment = (event) => {
setActiveCommentParent(event.target.id);
}